<template>
    <view class="d-kuan d-clear d-wenzi-14" >
        <view class="d-kuan  " style="display: flex; justify-content: space-around; ">
			<!--view class="d-wenzi-16" style="flex: 1; display: flex; align-items: center; justify-content: center;">
					<uv-icon name="server-fill" color="#595d5f" size="28" label="客服"></uv-icon>
			</view-->
    			<view class="d-wenzi-14" style="flex: 1; display: flex; align-items: center; justify-content: center;color: #595d5f; ">
				<uv-icon name="clock" color="#595d5f" size="28"></uv-icon>
				<span style="margin-left: 8rpx;">{{tie.quan_tianshu || 0}}天</span>
				( {{tie.kaishishijian}} ~ {{tie.jieshushijian}} ) 有效期
			</view>
		</view>
        

        <uv-button 
			@click="jiaquan_data(id)" 
			shape="circle" 
			color="linear-gradient(to right, rgb(24, 216, 200), rgb(213, 51, 186))" 
			type="primary" 
			size="normal" 
			:text="'立即加入圈子'+(tie.quan_jiage || 0)+'元'"
		>
		</uv-button>

        <!--view class="d-beijing-bian" style="color: #000000;">
            <view class="d-baifen-50 d-zuo">
                321

            </view>
            <view class="d-baifen-50 d-you">
                321

            </view>
        </view-->
    </view>
</template>

<script>
    export default {
        props: {
            id: {
                type: Number,
                default: 0
            },
            cid: {
                type: Number,
                default: 0
            },
            uid: {
                type: Number,
                default: 0
            },
            uid_data: {
                type: Object,
                default: () => {}
            },
            quan_jiage: {
                type: Number,
                default: 0
            },
            yigou: {
                type: Number,
                default: 0
            },
            tie: {
                type: Object,
                default: () => {}
            }
        },
        methods: {
            jiaquan_data(id) {
                // 向父组件传递数据
                this.$emit('jiaquan-click', id); //mark
            }
        }
    }
</script>

<style>
    .d-beijing-bian {
        border-radius: 30rpx;
        /*背景渐变*/
        background: linear-gradient(90deg, #d42bd4 0%, #04b8b8 100%);
        height: 400rpx;
    }
</style>